@keyframes bofang {
	0%{
		transform: rotate(0);
	}
	
	100% {
		/*transform: rotate3d( 0,0,180,360deg);*/
		transform: rotate(360deg);
	}
}

@keyframes logodh {
	0% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.5);
	}
	100% {
		transform: scale(1);
	}
}

.topleft {
	animation: bounceInLeft 3s ;
}

@keyframes bounceInLeft {
	from {
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

.topright {
	animation: bounceInRight 3s;
}

@keyframes bounceInRight {
	from {
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

.tranbottom{
	animation:bounce 1.5s;
 	/*transform-origin: center bottom;*/
}
@keyframes bounce {
  from{
  	transform: translateY(900%);
  }
}
.daohang,.hndh{
	animation: xialuo2 1.5s;
}
@keyframes xialuo2{
	from{
		transform: translateY(-200%);
	}
}
.hndh p,.daohang p{
	animation: txetxialuo2 2s;
}
@keyframes txetxialuo2{
	from{
		transform: translateY(-800%);
	}
	to{}
}
.focusxiabiao{
	animation: fucos 1s;
}
@keyframes fucos{
	from{
		transform: translateX(300%);
	}
}
.scaleguodu{
	animation: fda 2s both;
	transform-origin: center;
}
@keyframes fda{
	from{
		transform: scale(0);
	}
	to{
		transform: scale(1);	
	}
}
